<template>
  <!-- 头部渐变背景   -->
  <div class="bg-color" :style="{backgroundImage:'linear-gradient('+ bgColor +' 10%, #f5f5f5)'}"></div>
</template>

<script>
export default {
  data() {
    return {}
  },
  props: {
    bgColor: {
      type: String,
      default: '#7427FF'
    }
  }
}
</script>

<style lang="less" scoped>
.bg-color {
    height: 184px;
    padding: 16px 10px 16px 10px;
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
</style>